$(function(){
  $('.li1').click(function(){
    $('.moren').fadeIn();
    $('html').css("overflow","hidden");
  })
  $('.moren').click(function(){
    $('.moren').fadeOut(); 
    $('html').css();
  })
  $('.li3').click(function(){
    $('.moren2').fadeIn();
    $('html').css("overflow","hidden");
  })
  $('.moren2').click(function(){
    $('.moren2').fadeOut(); 
    $('html').css();
  })
  $('.uls').on('click','li',function(){
    $(this).siblings().removeClass('li');
    $(this).addClass('li');
    $('.li1').html($(this).html())
  })
  $('.o_o').on('click','p',function(){
      $(this).siblings().removeClass('o_p')
      $(this).addClass('o_p');
  })
  $('.m_o').on('click','figure',function(){
    $(this).siblings().removeClass('m')
    $(this).addClass('m');
})
$('.li4').click(function(){
    $('.brand').animate({right:'0px'},function(){
        $('.brand').show(500);
    })
})
$('.h2').click(function(){
    $('.brand').animate({right:'-1200px'},function(){
        $('.brand').hide(1000);
    })
  })
$('.li2').click(function(){
    $('.brand2').animate({right:'0px'},function(){
        $('.brand2').show(500);
        $('.brand2').css("overflow","hidden");
    })
})
$('.h1').click(function(){
    $('.brand2').animate({right:'-1200px'},function(){
        $('.brand2').hide(1000);
         $('.brand2').css("overflow","");
    })
  })
  $.ajax({
    type:'GET',
    url:'../json/text.json',
    success:function(date){
        var str = template('temp-test',{arr:date});
        $('.small').html(str);
    }
})
$.ajax({
    type:'GET',
    url:'../json/che.json',
    success:function(date){
        var str1 = template('temp-*',{att:date});
        $('.a').html(str1);
    }
})
})
 
